/* 头部 */
.header .nav li:nth-child(5)::before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 4px;
  background-color: #e14f60;
  position: absolute;
  top: 0;
  left: 0;
}

.header .nav li:nth-child(5) a {
  color: #e14f60 !important;
}

/* process */
.process {
  text-align: center;
}

.process h1 {
  font-size: .64rem;
  color: #e14f60;
  line-height: .76rem;
  position: relative;
  margin-top: 1.12rem;
}

.process h1::after {
  content: '';
  display: block;
  width: .61rem;
  height: .12rem;
  border-radius: .06rem;
  background-color: #4f4f4f;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.08rem;
}

.process hr {
  width: 3.95rem;
  height: .02rem;
  background-color: #dedede;
  margin: 0 auto .28rem;
}

.process .eng {
  font-size: .28rem;
  color: #737373;
  letter-spacing: .04rem;
  margin-bottom: .84rem;
}

.process ul {
  display: flex;
}

.process ul li {
  flex: 1;
  color: #737373;
}

.process ul li:nth-child(2n) img {
  width: .64rem;
  height: 0.1rem;
  margin-top: .44rem;
}

.process ul li .pro_icon {
  width: 0.89rem;
  height: 0.88rem;
  margin-bottom: .5rem;
}

.process ul li dt {
  font-size: .34rem;
  font-weight: normal;
  line-height: .58rem;
}

.process ul li dd {
  font-size: .26rem;
  line-height: .36rem;
}

/* example */
.example {
  margin-top: 1.3rem;
}

.example ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.example ul li {
  width: 32%;
  height: 5.55rem;
  color: #fff;
  padding-left: 1rem;
  padding-top: .8rem;
}

.example ul li:nth-child(1) {
  background: url(../images/service/img01.png) no-repeat;
  background-size: 100% 100%;
}

.example ul li:nth-child(2) {
  background: url(../images/service/img02.png) no-repeat;
  background-size: 100% 100%;
}

.example ul li:nth-child(3) {
  background: url(../images/service/img03.png) no-repeat;
  background-size: 100% 100%;
}

.example ul li h2 {
  font-size: .52rem;
  line-height: .52rem;
}

.example ul li h2::after {
  content: '';
  display: block;
  width: 0.75rem;
  height: 0.06rem;
  border-radius: .03rem;
  background-color: #fff;
}

.example ul li .design {
  font-size: .41rem;
  width: 3.15rem;
  line-height: .5rem;
  margin-top: .58rem;
  margin-bottom: .3rem;
}

.example ul li .desc {
  font-size: .21rem;
  width: 3.15rem;
  line-height: .3rem;
  color: #e2e3e3;
}

.example ul li button {
  font-size: .24rem;
  width: 2.67rem;
  height: .64rem;
  line-height: .64rem;
  text-align: center;
  border-radius: .04rem;
  background-color: #e14f60;
  margin-top: .40rem;
}

/* say */
.say {
  text-align: center;
  position: relative;
  margin-bottom: .6rem;
}

.say .say_head {
  position: relative;
  width: 13.28rem;
  height: 2.33rem;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 1.24rem;
}

.say .say_head h1 {
  font-size: .64rem;
  color: #e14f60;
  margin-top: 1.3rem;
}

.say .say_head img {
  position: absolute;
  width: 2.07rem;
  height: 1.47rem;
}

.say .say_head .douhao1 {
  left: 0;
  top: 0;
}

.say .say_head .douhao2 {
  right: 0;
  bottom: 0;
  transform: rotateY(180deg);
}

.say ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: .96rem;
  padding-bottom: 1.5rem;
}

.say ul li {
  padding: .56rem 0 .8rem .38rem;
  text-align: left;
  background-color: #fff;
  font-size: .24rem;
  width: 24% !important;
  /* margin-right: 0 !important; */
}

.say ul li .li_top img {
  width: .90rem;
  height: .90rem;
  border-radius: 50%;
  box-shadow: 0 0 10px #ccc;
  -webkit-box-shadow: 0 0 20px #ccc;
  -moz-box-shadow: 0 0 20px #ccc;
}

.say ul li .li_top .right {
  width: 2.4rem;
  margin-left: .15rem;
}

.say ul li .li_top .right .title {
  color: #e14f60;
}

.say ul li .desc {
  line-height: .42rem;
  margin-top: .38rem;
}

.say ul li .desc::before {
  content: '“';
}

.say .say_foot {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1.45rem;
}

.say .say_foot img {
  width: 0.86rem;
  height: 0.86rem;
  border-radius: 50%;
}

.say .say_foot img:first-child {
  margin-right: .2rem;
}

/* register */
.register {
  width: 60%;
  margin: 0 auto;
  height: 4rem;
  background-color: #fff;
  text-align: center;
  overflow: hidden;
  border-radius: .04rem;
  position: relative;
  bottom: -2rem;
  z-index: 2;
}

.register h1 {
  font-size: .48rem;
  margin-top: 1.2rem;
  margin-bottom: .6rem;
}

.register h1 em {
  color: #e14f60;
}

.register button {
  width: 3.6rem;
  height: 0.66rem;
  line-height: .66rem;
  background-color: #e14f60;
  font-size: .24rem;
  text-align: center;
  color: #Fff;
  border-radius: .04rem;
}

/* 底部 */
.footer {
  margin-top: 0;
  padding-top: 4.5rem;
  position: relative;
}

.footer .logo_list {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%);
}

.footer .logo_list .middle ul {
  display: flex;
  justify-content: space-between;
}

.footer .logo_list .middle ul li {
  width: 15%;
  background-color: #fff;
  text-align: center;
  color: #e14f60;
  font-size: .42rem;
  height: .65rem;
  line-height: .65rem;
}

@media screen and (max-width:1440px) {
  html {
    font-size: 75px;
  }
}

@media screen and (max-width:1280px) {
  html {
    font-size: 71px;
  }

  .footer .logo_list {
    top: 40%;
  }

  .footer .logo_list .middle ul li {
    font-size: .24rem;
  }
}

@media screen and (max-width:992px) {
  html {
    font-size: 52px;
  }

  .say ul {
    justify-content: space-around;
  }

  .say ul li {
    width: 42% !important;
    margin-top: .2rem;
  }
}

@media screen and (max-width:768px) {
  html {
    font-size: 40px;
  }

  .say .say_head {
    width: 9.28rem;
  }

  .example {
    margin-top: .8rem;
  }

  .example ul {
    justify-content: space-around;
  }

  .example ul li {
    width: 80%;
    margin-top: .2rem;
  }

  .example ul li .design {
    margin-top: .38rem;
    margin-bottom: .15rem;
    width: 2.6rem;
  }

  .example ul li {
    padding-left: .6rem;
    padding-top: .4rem;
  }

  .footer .logo_list {
    top: 33%;
  }

  .footer .logo_list .middle ul li {
    font-size: .2rem;
  }

  .register {
    bottom: -1.5rem;
  }
}

@media screen and (max-width:375px) {
  .say .say_head {
    width: 8.28rem;
  }

  .say .swiper-slide {
    margin-right: 14px !important;
  }

}

/* 看看包图用户怎么说轮播图 */
.swiper-button-next,
.swiper-button-prev {
  font-size: .64rem !important;
  top: 90% !important;
  width: 0.86rem !important;
  height: 0.86rem !important;
  border-radius: 50%;
  background-color: #e14f60;
  color: #fff !important;
}

.swiper-button-next {
  right: 40% !important;
}

.swiper-button-prev {
  left: 40% !important;
}

:focus {
  outline: none;
}